<script setup lang="ts">
import { useRouter, useRoute } from "vue-router";
const route = useRoute();
defineOptions({
  name: "AppIframe"
});
</script>

<template>

    <div class="frame">
      <iframe ref="frameRef" :src="route.meta.frameSrc" class="frame-iframe" />
    </div>

</template>

<style lang="scss" scoped>
.frame {
  margin-left: -20px;
  margin-top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  .frame-iframe {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    border: 0;
  }
}
</style>
